<template>
  <div>
    <SkyOutSide title="外链标题">

      <!-- <div slot="header">
             顶部自定义
          </div> -->

      <div slot="selfmain">

        <SkyFixedSidebar :SidebarWith="180" :FixedX="0" :FixedY="50">
          <div slot="Sidebar">
            <div v-for="(item,index) in 6" :key="index" style="padding:0 20px;line-height:50px;text-align: center;">
              左侧边栏
            </div>
          </div>
          <div slot="Container">

            <SkyCardPanel title="标题" v-for="(item,index) in 6" :key="index">
              <div slot="main">
                内容...
              </div>
            </SkyCardPanel>

          </div>
        </SkyFixedSidebar>

      </div>

      <div class="SkyOutSideFooter" slot="footer">
        <SkyButton type="primary" @click="save">保存</SkyButton>
        <SkyButton type="secondary" @click="cancel">取消</SkyButton>
      </div>

    </SkyOutSide>
  </div>
</template>

<script>
export default {
  methods: {
    save () {
      alert('保存')
    },
    cancel () {
      window.close()
    }
  }

}
</script>

<style lang="scss" scoped>
</style>